﻿@{                            
    Layout = "~/Views/Shared/_ch.cshtml";
}
<style type="text/css">
    .bodymain {
        width: 1200px;
        height: 1024px;
        margin: 0 auto;
    }

    .bodytitle {
        height: 10em;
    }

        .bodytitle img {
            height: 8em;
        }

    .bodytitletab {
        background: url('../../img/Main/菜单栏.png') no-repeat;
        background-size: 100% 80%;
        height: 4em;
        line-height: 2.5em;
        width: 70%;
        margin-left: 5em;
        margin-top: 3em;
    }

        .bodytitletab a {
            margin-left: 7em;
            color: white;
        }

    .bodyimg {
        width: 40%;
        height: 45em;
    }

        .bodyimg > img {
            margin: 0 0.9em;
        }

    #carousel-example-generic {
        width: 85%;
    }

        #carousel-example-generic .item img {
            width: 100%;
        }

    .bodyguanggaotab {
        width: 35%;
        height: 45em;
        margin-left: 2%;
    }

    .jumbotron {
        height: 15.5em;
    }

    .zhaoshangtab {
        margin-top: -2.2em;
    }

    .bodydenglu {
        width: 20%;
        height: 45em;
        padding-left: 2em;
    }

    .bodycontent {
        height: 42em;
    }

    .bodyfoot {
        width: 100%;
        height: 4em;
        background-color: black;
        line-height: 4em;
    }
</style>
<div class="bodymain">
    <div class="bodytitle">
        <a href="#" class="pull-left"><img src="~/img/Main/LOGO2.png" /></a>
        <div class="bodytitletab pull-left">
            <a href="#">首页</a><a href="http://www.anjismart.com/m/Jokul/">网络社区</a>
        </div>
    </div>
    <div class="bodycontent">
        <div class="bodyimg pull-left">
            <img src="~/img/Main/0.png" class="pull-left" />
            <div id="carousel-example-generic" class="carousel slide pull-left" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="~/img/Main/滚动页面.jpg" />
                        <div class="carousel-caption">
                            滚动图片1
                        </div>
                    </div>
                    <div class="item">
                        <img src="~/img/Main/滚动页面.jpg" />
                        <div class="carousel-caption">
                            滚动图片2
                        </div>
                    </div>
                    <div class="item">
                        <img src="~/img/Main/滚动页面.jpg" />
                        <div class="carousel-caption">
                            滚动图片3
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="bodyguanggaotab pull-left">
            <div class="tabdiv">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">公告信息</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">入驻企业信息</a></li>
                    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">政策信息</a></li>
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <div class="media">
                                    <div class="media-left">
                                        <a href="#">
                                            <img class="media-object" src="~/img/Main/4.png" alt="...">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading">公告信息标题</h4>
                                        公告信息内容dsdfsdflksjdfsjkdfksadklfskljdfjsadjfsjljfdlk
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                公告信息
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                公告信息
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                公告信息
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <div class="media">
                                    <div class="media-left">
                                        <a href="#">
                                            <img class="media-object" src="~/img/Main/4.png" alt="...">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading">入驻企业信息标题</h4>
                                        入驻企业信息内容
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                入驻企业信息
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                入驻企业信息
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                入驻企业信息
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="messages">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <div class="media">
                                    <div class="media-left">
                                        <a href="#">
                                            <img class="media-object" src="~/img/Main/4.png" alt="...">
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading">政策信息标题</h4>
                                        政策信息内容
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                政策信息
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                政策信息
                            </li>
                            <li class="list-group-item">
                                <span class="badge">2015-07-06</span>
                                政策信息
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 招商广告-->
            <div>
                <p>招商  广告</p>
                <div class="jumbotron">
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="guanggao1">
                            <div class="media">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object" src="~/img/Main/4.png" alt="...">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">广告1标题</h4>
                                    广告1内容
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="guanggao2">
                            <div class="media">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object" src="~/img/Main/4.png" alt="...">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">广告2标题</h4>
                                    广告2内容
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="guanggao3">
                            <div class="media">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object" src="~/img/Main/4.png" alt="...">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">广告3标题</h4>
                                    广告3内容
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="btn-group btn-group-justified zhaoshangtab " role="group" aria-label="...">
                    <div class="btn-group" role="group">
                        <a href="#guanggao1" aria-controls="guanggao1" role="tab" data-toggle="tab" class="btn btn-instagram">广告1</a>
                    </div>
                    <div class="btn-group" role="group">
                        <a href="#guanggao2" aria-controls="guanggao2" role="tab" data-toggle="tab" class="btn btn-instagram">广告2</a>
                    </div>
                    <div class="btn-group" role="group">
                        <a href="#guanggao3" aria-controls="guanggao3" role="tab" data-toggle="tab" class="btn btn-instagram">广告3</a>
                    </div>
                </div>
            </div>


        </div>
        <div class="bodydenglu pull-left">
            <div>
                <p style="font-size:1.5em;font-weight:900;">登录  窗口</p>
                <small>为了更好的数字文化体验，</small><br />
                <small>介绍网页的视觉尝试体位，</small><br />
                <a type="button" class="btn btn-primary btn-sm" style="margin-top:1em;" href="/Main/login">点击登录</a><br />
                <img src="~/img/Main/7.png" style="width:100%;" />
            </div>
            <div style="margin-top:3em;">
                <ul class="list-group">
                    <li class="list-group-item">
                        <div class="media">
                            <div class="media-body">
                                <h4 class="media-heading">新闻1标题</h4>
                                首条新闻简介xxxxxxxxxxxxxxxxxxx
                            </div>
                            <div class="media-right">
                                <a href="#">
                                    <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="~/img/Main/13.png" data-holder-rendered="true" style="width: 64px; height: 64px;">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list-group-item">
                        <span class="badge"></span>
                        新闻2标题
                    </li>
                    <li class="list-group-item">
                        <span class="badge"></span>
                        新闻3标题
                    </li>
                    <li class="list-group-item">
                        <span class="badge"></span>
                        新闻3标题
                    </li>
                    <li class="list-group-item">
                        <span class="badge"></span>
                        新闻3标题
                    </li>
                </ul>

            </div>
        </div>

    </div>
    <div class="bodyfoot">
        <img src="~/img/Main/LOGO2.png" class="pull-left" style="height:4em; margin-top:-3em;margin-right:3em;" />
        <div class="pull-left" style="margin-top:-3em;">
            <p style="color:white">
                公司授权：
            </p>
        </div>
    </div>
</div>
